<!DOCTYPE html> 
<html> 
	<head> 
		<title>InMobile v2 - Better Mobile &amp; Tablet Template</title> 
        
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
        
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
        

        <link rel="stylesheet" href="__PUBLIC__/themes/dark_blue.css" />
        
        <link rel="stylesheet" href="__PUBLIC__/styles/style.css" />
        
		<script type="text/javascript" src="__PUBLIC__/scripts/jquery-1.6.4.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
        <script type="text/javascript" src="__PUBLIC__/scripts/in-mobile.js"></script>


	</head>
    <body>
        <div data-role="page" data-theme="a">
    
          <div data-role="header" style="margin-bottom: 30px" data-theme="c">
          
              <div data-role="navbar" data-theme="a" data-position="fixed">
                    <ul>
                        <li><a href="http://houge.mcooz.com/kros/index/zndex" data-icon="arrow-l" data-theme="a" rel="external">Back</a></li>
                    </ul>
              </div>
            
          </div><!-- Header -->
          
          <div data-role="content">
          <div class="ui-body ui-body-a">
          	
          	
          	
             		
                <h1>This is an h1 title</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem. Nunc scelerisque aliquet aliquam. Morbi rutrum ligula in augue feugiat fringilla ut vitae sem. Nunc ut risus eget nibh tristique consectetur. Vestibulum nisi leo, ultricies ac hendrerit non, porttitor porta diam. </p>
                <h2>This is an h2 title</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem. Nunc scelerisque aliquet aliquam. Morbi rutrum ligula in augue feugiat fringilla ut vitae sem. Nunc ut risus eget nibh tristique consectetur.</p>
                <h3>This is an h3 title</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem. Nunc scelerisque aliquet aliquam. Morbi rutrum ligula in augue feugiat fringilla ut vitae sem.</p>
                <h4>This is an h4 title</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut.</p>
                <h5>This is an h5 title</h5>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. </p>
                <h6>This is an h6 title</h6>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus.</p>
                
           	 <img src="http://lorempixel.com/output/nature-q-c-640-280-2.jpg" alt="Picture" />

			<h2>Customs</h2>

                <blockquote>How about some blockquote action with a <cite>cite</cite></blockquote>
                
                <p>This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content.</p>
                
                <p>We add a few styles to <code>tables</code> and <code>fieldsets</code> to make them more legible, which are easily overridden with customs styles.</p>
                
                <ul>
        
                    <li>Unordered list item 1</li>
                    <li>Unordered list item 1</li>
                    <li>Unordered list item 1</li>
                </ul>
                
                <ol>
                    <li>Ordered list item 1</li>
                    <li>Ordered list item 1</li>
        
                    <li>Ordered list item 1</li>
                </ol>
                
             </div>
             
             <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html" class="ui-link">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
             
             <h2>Grids</h2>
             
             <div class="ui-body ui-body-a">
     
                <h3>Two-column grid</h3>
                
                <div class="ui-grid-a">
                    <div class="ui-block-a">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem. Nunc scelerisque aliquet aliquam. Morbi rutrum ligula in augue feugiat fringilla ut vitae sem. Nunc ut risus eget nibh tristique consectetur.</div>
                    <div class="ui-block-b">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem. Nunc scelerisque aliquet aliquam. Morbi rutrum ligula in augue feugiat fringilla ut vitae sem. Nunc ut risus eget nibh tristique consectetur.</div>
                </div><!-- /grid-a -->
                
                <h3>Three-column grid</h3>
                
                <div class="ui-grid-b">
                    <div class="ui-block-a">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut.</div>
                    <div class="ui-block-b">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut.</div>
                    <div class="ui-block-c">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut.</div>
                </div><!-- /grid-a -->
                
                <h3>Four-column grid</h3>
                
                <div class="ui-grid-c">
                    <div class="ui-block-a">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem.</div>
                    <div class="ui-block-b">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem.</div>
                    <div class="ui-block-c">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem.</div>
                    <div class="ui-block-d">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lectus dolor, id dapibus libero. Cras vitae consectetur lacus. Aenean velit est, pulvinar eget elementum vel, aliquet sit amet lacus. Sed mollis rutrum justo, nec elementum ante sollicitudin ut. Phasellus tempus blandit lorem.</div>
                </div><!-- /grid-a -->
                
            
            </div>
          </div>
          
          <!-- /Content -->
          
          <div data-role="footer" data-theme="c">
            <div data-role="navbar" data-grid="c" data-theme="a" data-position="fixed">
                <ul>
                    <li><a href="http://g.co/maps/55r27" data-icon="search" data-theme="a">Map</a></li>
                    <li><a href="mailto:youremail@company.org" data-icon="info" data-theme="a">Mail</a></li>
                    <li><a href="gallery.html" data-icon="star" data-theme="a" rel="external">Portfolio</a></li>
                    <li><a href="#" data-icon="arrow-u" data-theme="a" class="returnTopAction">Return Top</a></li>
                </ul>
			</div>
          </div>
          <!-- /Footer --> 
        </div>
        <!-- /Home -->      
    </body>
</html>
